{include file="index@public/header" /}
  <style>
        body {
      background: #e1e0de;
    }
    * {
      box-sizing: border-box;
    }
h1,
h2,
h3,
h4 {
  font-weight: 700 !important;
}
.layui-card-header {
  width: 100%;
  border-bottom: 1px solid #999 !important;
  padding-left: 5px;
}
.layui-card {
  padding: 10px 20px 50px;
}
p {
  margin: 0 0 10px !important;
}
.layui-container {
  padding: 0 !important;
}
img {
  max-width: 100%;
}
::-moz-selection {
  background: #cccccc;
  color: #ffffff;
}
::selection {
  background: #cccccc;
  color: #ffffff;
}
.layui-breadcrumb {
  padding-left: 5px;
}
.layui-card h1 {
  margin: 10px auto 0;
}
.description {
  font-size: 15px;
  font-weight: bold;
  margin: 20px 0;
}

.layui-textarea {
  resize: none !important;
}

@media screen and (max-width: 800px) {
  .layui-card-header {
    line-height: normal !important;
    font-size: 10px !important;
  }
}

     
    .layui-card-body{
        padding: 10px 5px;
    }

.layui-card-body .layui-col-sm4{margin:5px 0px;}
.layui-card-body .layui-col-sm4 a{display:block;}
.layui-card-body .layui-col-sm4 a:hover{color:#36648A;}
.layui-card-body .layui-col-sm4 .plist{width: 95%;border:1px solid #ccc;border-radius: 8px;padding:10px;height:168px;overflow:hidden;}
.layui-card-body .layui-col-sm4 a:hover .plist{border:1.5px solid #36648A;}
.layui-card-body .layui-col-sm4 .plist .plist-title{padding-bottom:5px;font-family: Titillium Web,sans-serif;font-size:18px}
.layui-card-body .layui-col-sm4 .plist img{width:75%;padding:5px;}
.layui-card-body .layui-col-sm4 .plist .layui-col-sm9{font: 12px/14px arial,helvetica,sans-serif;color: #333;line-height: 1.42857143;padding:5px;}

.jieshao{padding: 5px 0px}
    </style>
 <div class="layui-container" style='font: 12px/14px arial,helvetica,sans-serif;'>
      <div class="layui-card">
        <span class="layui-breadcrumb" lay-separator="/">
      <a href="/" style="font: 12px/14px arial,helvetica,sans-serif;">{:lang('Home')}</a>
      {foreach $crumbs as $k=>$v }
      <a href="/{$v['crumbs_url']}" style="font: 12px/14px arial,helvetica,sans-serif;color:#36648A">{$v['alias_name']}</a>
      {/foreach}
    </span>
        
        <div class="layui-card-header">
          <h1>{:lang('Dynaroll Interchange Chart')}</h1>
        </div>
        <div class="layui-card-body">
          <p style="color:#333;line-height:24px">{:lang('Use the bearing interchange chart below to cross-reference bearing part numbers from different manufacturers.')}</p>
          <p style="color:#333;line-height:24px">{:lang('The bearing interchange chart is meant to be a quick cross-reference guide. If you’d like more detailed information like precision, matching, preload, and more part numbers,you can contact our sales staff by live chat or send an inquiry.')}</p>
          
          <div class="layui-row">
           <div>
              <div style="padding-left:5px;padding-bottom:5px;font-size:20px;margin-top:10px">{:lang('Miniature Bearings')}</div>
              <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/miniature-bearing/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/metric-standard.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('Metric Size Unflanged Bearings')}</div>
                  </div>  
                </a>
              </div>

              <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/miniature-bearing/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/metric-standard.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('Inch Size Unflanged Bearings')}</div>
                  </div>  
                </a>
              </div>

              <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/miniature-bearing/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/inch-eir.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('Extended Inner Ring Bearings')}</div>
                  </div>  
                </a>
              </div>

              <div style="clear:both;"></div>
            </div>

            <div>
              <div style="padding-left:5px;padding-bottom:5px;font-size:20px;margin-top:10px">{:lang('Flanged Ball Bearings')}</div>
               <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/flanged-ball-bearings/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/metric-flanged.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('Metric Size Flanged Bearings')}</div>
                  </div>  
                </a>
              </div>

              <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/flanged-ball-bearings/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/metric-flanged.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('Inch Size Flanged Bearings')}</div>
                  </div>  
                </a>
              </div>

              <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/flanged-ball-bearings/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/inch-feir.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('Flanged Extended Inner Ring Bearings')}</div>
                  </div>  
                </a>
              </div>

              <div style="clear:both;"></div>
            </div>

            <div>
              <div style="padding-left:5px;padding-bottom:5px;font-size:20px;margin-top:10px">{:lang('Miniature Thrust Ball Bearings')}</div>
               <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/miniature-bearing/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/5-1.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('Thrust Ball Bearings')}</div>
                  </div>  
                </a>
              </div>

              <div style="clear:both;"></div>
            </div> 

            <div>
              <div style="padding-left:5px;padding-bottom:5px;font-size:20px;margin-top:10px">{:lang('Thin Section Bearings')}</div>
               <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/thin-section-bearings/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/thin8.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('6700, 6800, 6900 Series')}</div>
                  </div>  
                </a>
              </div>

              <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/thin-section-bearings/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/thin9.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('ET & ER Series')}</div>
                  </div>  
                </a>
              </div>

              <div style="clear:both;"></div>
            </div>

            <div>
              <div style="padding-left:5px;padding-bottom:5px;font-size:20px;margin-top:10px">{:lang('Deep Groove Ball Bearings')}</div>
               <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/deep-groove-ball-bearings/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/sealed.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('6000, 6200, 6300 Series')}</div>
                  </div>  
                </a>
              </div>
              <div class="layui-col-sm4 layui-col-xs12">
                <a href="/product/ball-bearing/deep-groove-ball-bearings/">
                  <div class='plist'>
                    <div class="layui-col-sm6" style='margin-top: 5%'><img src="{:Config::get('app.images_host')}/images/web/sealed.jpg"></div>
                    <div class="layui-col-sm6" style='margin-top: 50px'>{:lang('1600 Series')}</div>
                  </div>  
                </a>
              </div>

              <div style="clear:both;"></div>
            </div>   


          </div>
          
        </div>
      </div>
    </div>
  {include file="index@/public/footer" /} 

